<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ include file="/WEB-INF/views/public/main.jsp"%>
<link type="text/css"
	href="${resourceUrl}/css/jquery-ui-1.7.3.custom.css" rel="stylesheet" />
<script type="text/javascript"
	src="${resourceUrl}/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript"
	src="${resourceUrl}/js/jquery-ui-1.7.3.custom.min.js"></script>
<script
	src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$("#tabs").tabs();
		$("#j_username").focus();
		$("#loginForm").submit(function(event){
			if($("#loginForm").valid()){
				return true;
			}
			else {
				event.preventDefault();
				return false;
			}
		});
	});
</script>
<div id="main" class="clearfix" style="padding: 10px 0px;">
	<div class="container_12">
		<div class="grid_12">
			<div id="tabs" style="min-height: 550px;">
				<ul>
					<li><a href="#">Login</a></li>
				</ul>
				<div id="loginModule" class="tab_padding">
					<div style="margin:0 auto;width:500px;">
						<h5>Login with Username and Password</h5>
						<form name='f' action='/smartbillpay/j_spring_security_check'
							method='POST' id="loginForm">
							<table>
								<tr>
									<td>Username:</td>
									<td><input type='text' name='j_username' id='j_username'
										value='' class="required textbox" minlength="8" ></td>
								</tr>
								<tr>
									<td>Password:</td>
									<td><input type='password' name='j_password'
										class="required textbox" /></td>
								</tr>
								<tr>
									<td></td>
									<td colspan='2'><input name="submit" type="submit"
										class="customButton" value="Login" /></td>
								</tr>
							</table>
						</form>
						<br />
						<c:choose>
							<c:when test="${param.login_error == '1'}">
								<p>
									<span class="ui-state-error ui-corner-all" style="padding: 5px">Entered
										UserName and Password doesn't match. Please try again.</span>
								</p>
							</c:when>
						</c:choose>
					</div>
				</div>
			</div>
		</div>
		<!--//grid_12-->
		<div class="clear"></div>
		<!--//clear columns-->
	</div>
	<!-- //container_12 -->
</div>
<!-- //main -->